<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>Create a awesome image preloader</title>
		<link class="exclude" rel="stylesheet" type="text/css" href="css/global.css"></link>
		<link class="exclude" rel="stylesheet" type="text/css" href="css/style.css"></link>  
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
		
	</head>
	<body>
	  <div id="jq-preloader">  
	     <h2>Preloader - Load images with style</h2>  
	     <ul id="gallery" class="cls">  
	         <li><p><a href="#"><img src="img/jqp1.jpg" /></a></p></li>  
	         <li><p><a href="#"><img src="img/jqp2.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp3.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp4.jpg" /></a></p></li>  
	         <li><p><a href="#"><img src="img/jqp5.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp6.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp7.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp8.jpg" /></a></p> </li>  
	         <li><p><a href="#"><img src="img/jqp9.jpg" /></a></p> </li>  
	     </ul>
		<script type="text/javascript" src="js/jquery.iPreload.js"></script>
		<script type="text/javascript">
		//<![CDATA[
		$("#gallery").iPreload({});
		//]]>
		</script>   
	  </div> 		
	</body>
</html>
